<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.css"> 
  <script src="/jqery.js"></script>
  <link rel="stylesheet" href="/作业/06-24考试/indexCss/index.css">
</head>
<body>
 
    <div class="box1">
      <nav class=".nav">
        <div class="nav-img">
          <img src="" alt="">
        </div>
        <div class="kong"></div>
        <div class="List">
          <ul>
            <li>关于我们</li>
            <li>我们的产品</li>
            <li>新闻动态</li>
            <li>企业社会责任</li>
            <li>加入我们</li>
          </ul>
        </div>
      </nav>
        <!-- Swiper -->
    <div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/3-9ea22bd593086f432ab75ee6c95c37de.png" alt="">
        
        </div>
        <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/0-390b5def140dc370854c98b8e82ad394.png" alt="">
     </div>
     <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/1-b4afd269ffb0ba19bd1dd33e3ed5cec3.png" alt="">
     </div>
        <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/2-468bb0555d827d48bce4e178f085bf90.png" alt="">
      </div>
      </div>
      <div class="swiper-pagination" id="ss1"></div>
     
    </div>
    <div class="sm">
      <div id='ss'>使命</div>
      <div id="jf">激发创造<br>
         丰富生活
      </div>
    </div>
    </div>
    <div class="centet1">
      <div class="left-centet1">
        <div class="wh">
          企业文化
        </div>
        <div class="zz">
          字节范是字节跳动企业文化的重要组成部分，是我们共同认可的行为准则。
        </div>
      </div>
      <div class="righr-centet1">
        <div class="swiper mySwiper1">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/zh-5-ae0af3f048628a4a6703d58084a28014.jpg" alt="">
              
            </div>
            <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/zh-0-1523846a065bd70e69a6462eeabb59d3.jpg" alt="">
             </div>
            <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/zh-1-de7f5f4876bc1fda19028283676573b1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/zh-2-912fee913a62b12222a4604b5da5010a.jpg" alt=""></div>
            <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/zh-3-5dbfa39699d9bbf71d42a40186595419.jpg" alt=""></div>
            <div class="swiper-slide"><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/zh-4-26c4957719a3e65eb6054907f14fde98.jpg" alt=""></div>
          </div>
         
        </div>
        <div class="ulList">
          <h4>多元兼容</h4>
          <ul>
            <li>理解并重视差异和多元，建立火星视角</li>
            <li>打造多元化的团队，欢迎不同背景的人才，激发潜力</li>
            <li>鼓励人人参与，集思广益，主动用不同的想法来挑战自己</li>
            <li>创造海纳百川，兼容友好的工作环境</li>
          </ul>
           <div class="swiper-button-next sss"></div>
         <div class="swiper-button-prev sss"></div>
        </div>
      </div>
      
    </div>
    <div class="center2">
      <div class="center-img">
        <img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/cod-812b8e96a232cda309a0786e4f2356e3.jpeg" alt="">
      </div>
      <div class="center-right">
        <div class="xwzz">行为准则</div>
        <div class="zzList">
          字节跳动相信，在企业发展过程中，高道德标准和诚信文化发挥着关键作用。因此，我们制定了字节跳动行为准则和字节跳动合作伙伴行为准则。
        </div>
        <div class="gd">
          了解更多<span>→</span>
        </div>
      </div>
    </div>
    <div class="center3">
      <div class="dsj"><h4>大事记</h4></div>
      <div class="dsjList">
        <div class="dsjleft">
          <img src="" alt="">
        </div>
        <div class="dsjright">
          <div class="dsgr1"><h3>2020年1月</h3></div>
          <div class="dsjr2">
            字节跳动向中国红十字基金会捐赠2亿元，成立“中国红十字基金会字节跳动医务人员人道主义援助基金”
          </div>
        </div>
      </div>
    </div>
    <div class="center4">
      <div class="lianxi">联系我们</div>
      <div class="lxList">
        <div class="ll">
          <h4>媒体查询</h4><br>
          <span>  bd@bytedance.com</span>
        </div>
        <div class="ll">
          <h4>招聘相关</h4><br>
          <span>  hr@bytedance.com</span>
        </div>
        <div class="ll">
          <h4>商务合作</h4><br>
          <span>  bd@bytedance.com</span>
        </div>
        <div class="ll">
          <h4>广告合作</h4><br>
          <span> www.oceanengine.com</span>
        </div>
        <div class="ll">
          <h4>廉洁<span>举报</span></h4><br>
          <span> clean@bytedance.com</span>
        </div>
      </div>
    </div>
    <div class="footer">
      <div class="left-f">
        <div>
 <img src="" alt="">
        </div>
       
        
        <div>
          <select name="" id="">
            <option value="">中文简体</option>
          </select>
        </div>
      </div>
      <div class="right-f">
        <div class="rrr">
          <div class="footList">
            <ul>
              <h4>关于我们</h4>
               <li>企业文化</li>
              <li>行为准则</li>
              <li>大事记</li>
              <li>我们的产品</li>
              <li>联系我们</li>
            </ul>
          </div>
          <div class="footList">
          <ul>
            <h4>新闻动态</h4>
             <li>数据报告</li>
          </ul>
        </div>
        <div class="footList">
          <ul>
            <h4>企业社会责任</h4>
             <li>企业社会责任报告</li>
            <li>优质内容创造社会价值</li>
            <li>信息助力公益新思路</li>
            <li>可持续发展的经营与管理</li>
            <li>维护健康的网络生态平台</li>
          </ul>
        </div>
        <div class="footList">
          <ul>
            <h4>加入我们</h4>
             <li>招聘官网 ↗</li>
          </ul>
        </div>
        
        </div>
        <div class="footer-f">
          <div>© 2012-2021 字节跳动</div>
          <div><img src="https://lf1-cdn-tos.bytescm.com/obj/static/ies/bytedance_official/_next/static/images/icp-9ca98112ae9d12370794027a9b22b221.png" alt=""> 京公网安备 11000002002068号 京ICP备12025439号-7</div>
        </div>
      </div>
    </div>
</body>
 <!-- Swiper JS -->
 <script src="https://unpkg.com/swiper@8/swiper-bundle.js"> </script>

  <!-- Initialize Swiper -->
  <script>
    var swiper1 = new Swiper(".mySwiper1", {
      loop:true,
     
       navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
    });
    </script>
    <script>
      var swiper = new Swiper(".mySwiper", {
        pagination: {
        el: ".swiper-pagination",
      },
      });
      </script>
    <script>
   $(function(){
    $('.nav').show()
          var toolTop = $('.box1').offset().top
          $(window).scroll(function(){
              if($(document).scrollTop() >= toolTop) {
                  $('.nav').fadeIn()
              }else {
                $('.nav').fadeOut()
              }
          })
   })


    </script>
</html>